.image_5 {
		width: 40rpx;
		height: 40rpx;
	}

	.section_10 {
		padding: 10rpx 0rpx;
		color: rgb(0, 0, 0);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		white-space: nowrap;
		background-color: rgb(255, 255, 255);

		.text_31 {
			margin-left: 8rpx;
		}
	}

	.selectIndex {
		background-color: #71d5a1;
		color: #555555;
		padding: 20rpx;
		border-radius: 10rpx;
		margin-top: 20rpx;
		justify-content: space-around;
	}

	.selectIndexcurre {
		background-color: #19be6b;
		color: #555555;
		padding: 20rpx;
		border-radius: 10rpx;
		margin-top: 20rpx;
		justify-content: space-around;
	}

	.page {
		padding: 0rpx 32rpx 100rpx;
		background-color: #f8f8f8;
		background-image: linear-gradient(169.4deg,
				rgb(49, 208, 129) 0%,
				rgb(49, 208, 129) -6.14%,
				rgb(24, 181, 103) 111.55%,
				rgb(24, 181, 103) 100%);
		// overflow-y: auto;

		.image {
			margin-left: 16rpx;
			width: 16rpx;
			height: 28rpx;
		}

		.group {
			margin-top: 50rpx;

			.group_1 {
				color: rgb(255, 255, 255);
				font-size: 40rpx;
				line-height: 48rpx;
				white-space: nowrap;

				.image_1 {
					margin: 6rpx 0;
					width: 36rpx;
					height: 36rpx;
				}

				.text {
					margin-left: 16rpx;
				}
			}

			.text_1 {
				margin-top: 12rpx;
				align-self: center;
				color: rgb(255, 255, 255);
				font-size: 24rpx;
				line-height: 34rpx;
				white-space: nowrap;
			}
		}

		.group_2 {
			margin-top: 56rpx;

			// padding-left: 28rpx;
			.steps-text {
				padding-top: 10rpx;
			}

			.group_3 {
				padding: 0 110rpx;
				color: rgb(24, 181, 103);
				font-size: 24rpx;
				line-height: 34rpx;
				white-space: nowrap;

				.left-text-wrapper {
					padding: 6rpx 0 12rpx;
					background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844615701279305.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					height: 52rpx;

					.text_2 {
						margin: 0 12rpx;
					}

					&.select-active {
						background-image: url('../../static/teps-2.png');

					}
				}

				.view {
					margin-left: 115rpx;
				}
			}

			.view_2 {
				color: rgb(24, 181, 103);
				font-size: 24rpx;
				line-height: 26rpx;
				white-space: nowrap;
			}

			.group_6 {
				color: rgba(255, 255, 255, 0.6);
				font-size: 28rpx;
				line-height: 40rpx;
				white-space: nowrap;

				.text-active {
					color: rgb(255, 255, 255);
				}

				.text_9 {}
			}

			.text_6 {
				color: rgba(255, 255, 255, 0.6);
				font-size: 28rpx;
				line-height: 40rpx;
				white-space: nowrap;
				margin-left: 30rpx;

				&.text-active {
					color: rgb(255, 255, 255);
				}
			}

			.text_7 {
				margin-left: 66rpx;
				color: rgba(255, 255, 255, 0.6);
				font-size: 28rpx;
				line-height: 40rpx;
				white-space: nowrap;

				&.text-active {
					color: rgb(255, 255, 255);
				}
			}
		}

		.group_7 {
			margin-top: 72rpx;

			.group_8 {

				.text-wrapper_1 {
					padding: 10rpx 0;
					color: rgb(255, 255, 255);
					font-size: 28rpx;
					line-height: 40rpx;
					white-space: nowrap;
					border-radius: 32rpx;
					width: 200rpx;
					height: 64rpx;
					border: solid 2rpx rgb(255, 255, 255);
				}

				.text-wrapper_2 {
					margin-left: 48rpx;
					padding: 12rpx 0;
					color: rgb(24, 181, 103);
					font-size: 28rpx;
					line-height: 40rpx;
					white-space: nowrap;
					background-image: linear-gradient(104.7deg,
							rgb(255, 255, 255) 0%,
							rgb(255, 255, 255) -10.51%,
							rgb(183, 255, 219) 114.74%,
							rgb(183, 255, 219) 100%);
					box-shadow: 4rpx 8rpx 12rpx 0px rgb(5, 139, 72);
					border-radius: 32rpx;
					width: 200rpx;
					height: 64rpx;
				}

				.text-wrapper_3 {
					padding: 12rpx 32rpx;
					color: #FFFFFF;
					font-size: 28rpx;
					line-height: 40rpx;
					white-space: nowrap;

					background-image: linear-gradient(104.7deg,
							#fcbd71 0%,
							#fcbd71 -13.77%,
							#ff9900 111.69%,
							#ff9900 100%);
					box-shadow: 4rpx 8rpx 12rpx 0px #ff9900;
					border-radius: 32rpx;
					height: 64rpx;
				}
			}

			.section_4 {
				margin-top: 48rpx;
				padding: 24rpx 22rpx 40rpx 24rpx;
				background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844615594288627.png');
				background-position: 0px 0px;
				background-size: 100% 100%;
				background-repeat: no-repeat;

				.group_14 {
					margin-top: 40rpx;

					.group_16 {
						margin-top: 10rpx;

						.text_21 {
							color: rgb(153, 153, 153);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}

						.text_22 {
							color: rgb(102, 102, 102);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}
					}

					.text_19 {
						color: rgb(153, 153, 153);
						font-size: 28rpx;
						line-height: 40rpx;
						white-space: nowrap;
					}

					.text_20 {
						color: rgb(102, 102, 102);
						font-size: 28rpx;
						line-height: 40rpx;
						white-space: nowrap;
					}
				}

				.group_17 {
					margin-top: 38rpx;
				}

				.group_30 {
					margin-top: 40rpx;

					.text_37 {
						color: rgb(0, 0, 0);
						font-size: 32rpx;
						font-weight: 500;
						line-height: 44rpx;
						white-space: nowrap;
					}

					.text_38 {
						margin: 24rpx 6rpx 0 4rpx;
						color: rgb(102, 102, 102);
						font-size: 24rpx;
						line-height: 34rpx;
						text-align: left;
					}
				}

				.text_39 {
					margin-top: 38rpx;
					align-self: center;
					color: rgb(153, 153, 153);
					font-size: 24rpx;
					line-height: 34rpx;
					white-space: nowrap;
				}

				.text-wrapper_6 {
					margin-top: 38rpx;
					padding: 6rpx 0;
					align-self: center;
					color: rgb(153, 153, 153);
					font-size: 28rpx;
					line-height: 40rpx;
					white-space: nowrap;
					border-radius: 28rpx;
					width: 176rpx;
					border: solid 2rpx rgb(228, 228, 228);
				}

				.group_10 {
					color: rgb(0, 0, 0);
					font-size: 32rpx;
					font-weight: 500;
					line-height: 44rpx;
					white-space: nowrap;

					.section_5 {
						margin: 6rpx 0;
						background-color: rgb(24, 181, 103);
						border-radius: 4rpx;
						width: 8rpx;
						height: 32rpx;
					}

					.text_12 {
						margin-left: 16rpx;
					}
				}

				.group_11 {
					margin-top: 24rpx;

					.section_6 {
						padding-top: 140rpx;
						color: rgb(255, 255, 255);
						font-size: 24rpx;
						line-height: 34rpx;
						white-space: nowrap;
						border-radius: 12rpx;
						// background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844615922897731.png');
						background-size: 100% 100%;
						background-repeat: no-repeat;
						width: 230rpx;
						height: 196rpx;

						.text-wrapper_3 {
							padding: 10rpx 0 12rpx;
							background-color: rgba(0, 0, 0, 0.36);
							border-radius: 0px 0px 12rpx 12rpx;

							.text_13 {
								margin-left: 14rpx;
								margin-right: 12rpx;
							}
						}
					}

					.group_12 {
						margin-left: 24rpx;
						margin-right: 40rpx;
						flex: 1 1 auto;

						.text_14 {
							color: rgb(0, 0, 0);
							font-size: 32rpx;
							font-weight: 500;
							line-height: 44rpx;
							white-space: nowrap;
						}

						.group_13 {
							margin-top: 8rpx;
							white-space: nowrap;

							.text_15 {
								color: rgb(243, 151, 53);
								font-size: 24rpx;
								line-height: 28rpx;
							}

							.text_16 {
								color: rgb(243, 151, 53);
								font-size: 40rpx;
								line-height: 48rpx;
							}
						}

						.view_6 {
							margin-top: 20rpx;
							color: rgb(102, 102, 102);
							font-size: 24rpx;
							line-height: 34rpx;
							white-space: nowrap;
						}

						.text_18 {
							margin-top: 8rpx;
							color: rgb(153, 153, 153);
							font-size: 24rpx;
							line-height: 34rpx;
							white-space: nowrap;
						}
					}
				}

				.group_18 {
					padding: 40rpx 0 38rpx;

					.text_29 {
						margin-top: 8rpx;
						color: rgb(102, 102, 102);
						font-size: 28rpx;
						line-height: 40rpx;
						//white-space: nowrap;
					}

					.text-wrapper_5 {
						padding: 8rpx 0;
						align-self: center;
						color: rgb(255, 255, 255);
						font-size: 28rpx;
						line-height: 40rpx;
						white-space: nowrap;
						background-color: rgb(24, 181, 103);
						border-radius: 28rpx;
						width: 160rpx;
						height: 56rpx;
					}

					.text_27 {
						color: rgb(0, 0, 0);
						font-size: 32rpx;
						font-weight: 500;
						line-height: 44rpx;
						white-space: nowrap;
					}

					.text_28 {
						margin-left: 16rpx;
						margin-top: 4rpx;
						color: rgb(153, 153, 153);
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;
					}

					.group_28 {
						margin-top: 16rpx;

						.text_33 {
							color: rgb(153, 153, 153);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}

						.text_34 {
							color: rgb(102, 102, 102);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}
					}

					.group_29 {
						margin-top: 16rpx;

						.text_35 {
							color: rgb(153, 153, 153);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}

						.text_36 {
							color: rgb(102, 102, 102);
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
						}
						.refundTxt{
							color: #ff0000;
						}
						
					}

					.image_5 {
						border-radius: 50%;
						width: 80rpx;
						height: 80rpx;
					}

					.group_20 {
						margin-left: 24rpx;

						.group_23 {
							margin-top: 6rpx;
							color: rgb(153, 153, 153);
							font-size: 20rpx;
							line-height: 28rpx;
							white-space: nowrap;

							.image_7 {
								width: 80rpx;
								height: 24rpx;
							}

							.image_8 {
								margin-left: 4rpx;
								width: 52rpx;
								height: 24rpx;
							}

							.text_25 {
								margin-left: 8rpx;
							}
						}

						.text_23 {
							color: rgb(0, 0, 0);
							font-size: 32rpx;
							font-weight: 500;
							line-height: 44rpx;
							white-space: nowrap;
						}

						.group_22 {
							margin: 4rpx 0 4rpx 8rpx;
							padding: 2rpx 0;
							color: rgb(255, 255, 255);
							font-size: 20rpx;
							line-height: 28rpx;
							white-space: nowrap;
							width: 90rpx;
							position: relative;

							.text-wrapper_4 {
								padding: 2rpx 0;
								background-color: rgb(243, 151, 53);
								border-radius: 16rpx;
								width: 78rpx;
							}

							.image_6 {
								border-radius: 50%;
								width: 36rpx;
								height: 36rpx;
								position: absolute;
								left: 0;
								bottom: 0;
							}
						}
					}

					.text_30 {
						color: rgb(0, 0, 0);
						font-size: 32rpx;
						font-weight: 500;
						line-height: 44rpx;
						white-space: nowrap;

					}

					.group_27 {
						white-space: nowrap;
						height: 44rpx;

						.text_31 {
							color: rgb(0, 0, 0);
							font-size: 24rpx;
							font-weight: 500;
							line-height: 34rpx;
						}

						.text_32 {
							color: rgb(0, 0, 0);
							font-size: 32rpx;
							font-weight: 500;
							line-height: 44rpx;
						}
					}
				}

				.divider {
					margin-left: 4rpx;
					background-image: repeating-linear-gradient(90deg,
							rgb(228, 228, 228),
							rgb(228, 228, 228) 1.2618296529968454%,
							transparent 1.2618296529968454%,
							transparent 2.5236593059936907%);
					height: 2rpx;
				}
			}
		}

		.center-group {
			padding: 0 4rpx;

			.section_1 {
				padding: 8rpx 0;
				background-color: rgba(255, 255, 255, 0.45);
				border-radius: 50%;
				width: 48rpx;
				height: 48rpx;

				.text-wrapper {
					height: 32rpx;
					background-color: rgb(255, 255, 255);
					border-radius: 50%;
					width: 32rpx;
				}
			}

			.section_2 {
				margin-left: 6rpx;
				align-self: center;
				background-color: rgba(255, 255, 255, 0.45);
				border-radius: 2rpx;
				width: 70rpx;
				height: 4rpx;

			}

			.section_3 {
				margin-left: 14rpx;
				align-self: center;
				background-color: rgba(255, 255, 255, 0.5);
				border-radius: 50%;
				width: 24rpx;
				height: 24rpx;

				&.select-active {
					padding: 8rpx 8rpx;
					width: 48rpx;
					height: 48rpx;
				}

				.text-wrapper {
					height: 32rpx;
					background-color: rgb(255, 255, 255);
					border-radius: 50%;
					width: 32rpx;
				}
			}

			.view_3 {
				margin-left: 10rpx;
			}

			.image_2 {
				margin-left: 10rpx;
				align-self: center;
				width: 178rpx;
				height: 16rpx;
			}

			.image_3 {
				margin-left: 14rpx;
				align-self: center;
				width: 174rpx;
				height: 16rpx;
			}

			.image_4 {
				margin: 6rpx 0 4rpx;
				width: 24rpx;
				height: 24rpx;
			}

			.text_17 {
				margin-left: 8rpx;
			}
		}
	}